/**
 * @author mehdi
 */
/*
  * dialogue parametre
  */
 /*
  * variable globale
  */
 var valgommeChoice = 8;
 var valcouleurChoice = "#00349a";
 var valtTypeChoice = true;
 
 var valgomme = 8;
 var valcouleur = "#00349a";
 var valtType = true;
 
 
 var gommeSelected = "gomme2";
 var gommeChoice= "gomme2";
 var tailleSelected = "taille1";
 var tailleChoice= "taille1";
 var CouleurSelected = "couleur1";
 var CouleurChoice= "couleur1";
 
 /*
  * events
  */
    runDialogParametre = function() {
    	
	    $( "#dialogParametre" ).dialog({
			resizable: true,
			width: '600px',
	      	buttons: {
	        "Valider": function() {
	        	gommeSelected = gommeChoice;
	        	tailleSelected = tailleChoice;
	        	CouleurSelected = CouleurChoice;
	        	valgommeChoice = valgomme;
	        	valcouleurChoice = valcouleur;
	        	valtTypeChoice = valtType;
	        	
	        	  	if (isPartage)
  	{
 
	   	if (niveau == 1)
	  	{
	  		window.partition.setCouleur("#FF3237");
	  		
	  	}
	  	else{
	
	  			window.partition.setCouleur("#89C122");
	  	}
  	 		
  	}
  	else
  	{
  		  	window.partition.setCouleur(valcouleurChoice);
  	}
	          	if(gommeSelected == "gomme1" && isgomme==true)
			  	{
			  		 window.partition.setCouleur("#FFFFFF");
			  		 window.partition.setGomme(false);
			  	}
	          	if(gommeSelected == "gomme2" && isgomme==true)
			  	{
			  		 window.partition.setGomme(true);
			  	}			  	
			  window.partition.setTailleGomme(valgommeChoice);
	          $( this ).dialog( "close" );
	        }
	      }
	    });
	     var gommeDivSelected = document.getElementById(gommeSelected);
	     SelectGomme(gommeDivSelected,valtTypeChoice);
	     var crayonTailleSelected = document.getElementById(tailleSelected);
	     SelectTaille(crayonTailleSelected,valgommeChoice);
	     var crayonCouleurSelected = document.getElementById(CouleurSelected);
	     SelectCouleur(crayonCouleurSelected,valcouleurChoice);
	  };

	  var SelectGomme = function(gomme,valeur){
	  	valtType = valeur;
	  	gommeChoice = gomme.id;
	  	gomme.style.backgroundImage= 'linear-gradient( #A2B5BF 0%, #5F8CA3 50%)';
	  	gomme.style.color = 'black';
	  	gomme.style.border = '5px double white';
	  	gomme.style.margin = '5px 15px 5px 15px';

	    var gommes = document.getElementsByClassName('gomme');
	    for (var i = 0, c = gommes.length; i < c; i++) {
	    	if(gommeChoice != gommes[i].id)
	    	{
			  	gommes[i].style.backgroundImage= 'linear-gradient( #515151 0%, #000000 50%)';
			  	gommes[i].style.color = 'white';
			  	gommes[i].style.border = '10px';
			  	gommes[i].style.margin = '10px 20px 10px 20px';	    		
	    	}		  	      
	    }	
	    }  
	  var SelectTaille = function(taille,valeur){
	  	valgomme = valeur;
	  	tailleChoice = taille.id;
	  	taille.style.backgroundImage= 'linear-gradient( #A2B5BF 0%, #5F8CA3 50%)';
	  	taille.style.color = 'black';
	  	taille.style.border = '5px double white';
	  	taille.style.margin = '5px 15px 5px 15px';

	    var tailles = document.getElementsByClassName('taille');
	    for (var i = 0, c = tailles.length; i < c; i++) {
	    	if(tailleChoice != tailles[i].id)
	    	{
			  	tailles[i].style.backgroundImage= 'none';
			  	tailles[i].style.color = 'white';
			  	tailles[i].style.border = '10px';
			  	tailles[i].style.margin = '10px 20px 10px 20px';	    		
	    	}		  	      
	    }
	  }
	  var SelectCouleur = function(couleur,valeur){
	  	valcouleur = valeur;
	  	CouleurChoice = couleur.id;
	  	couleur.style.color = 'black';
	  	couleur.style.border = '5px double white';
	  	couleur.style.margin = '5px 15px 5px 15px';

	    var couleurs = document.getElementsByClassName('couleur');
	    for (var i = 0, c = couleurs.length; i < c; i++) {
	    	if(CouleurChoice != couleurs[i].id)
	    	{
			  	couleurs[i].style.color = 'white';
			  	couleurs[i].style.border = '10px';
			  	couleurs[i].style.margin = '10px 20px 10px 20px';	    		
	    	}		  	      
	    }
	  }